@import "../../../styles/_commonColor.scss";

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.addressList{
  //display: flex;
  //align-items: center;
  //margin-left: 30px;
  position: relative;
  padding: 24px 0 24px 30px;
  background: $white;
  border-bottom: 1PX solid $bordergray;
  &:last-child{
    border-bottom: none;
  }
  &:after{
    content: '';
    display: table;
    clear: both;
  }
  .imgURl{
    width: 85%;
    float: left;
    //display: flex;
    //align-items: center;
    .check{
      float: left;
      position: absolute;
      top: 50%;
      margin-top: -13px;
      left: 40px;
      img{
        width: 32px;
        height: 26px;
      }
    }
    .fullName{
      float: right;
      width: 85%;
      border-right: 1PX solid $bordergray;
      padding-right: 26px;
      .nameAndNumber{
        font-size: 32px;
        color: $black;
        margin-bottom: 8px;
        text-align: justify;
        span{
          &:first-child{
            clear: both;
          }
          &:last-child{
            float: right;
          }
        }
      }
      .detailedAddress{
        font-size: 26px;
        color: $darkgray;
        line-height: 38px;
        text-align: justify;
        word-break: break-all;
      }
    }
  }
  .editAddress{
    width: 15%;
    text-align: center;
    float: left;

    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;

    img{
      width: 42px;
      height: 44px;
    }
  }
}
.addressListGray{
   .nameAndNumber,.detailedAddress {
     color: #ddd !important
   }
   .editAddress {
   //  opacity: 0.6
   }
}